<template>
  <div>
    <h4 class="boardName" @click="gotoThat">
      刀具寿命
      <a-icon type="right" />
    </h4>
    <div class="lightBox setBox">
      <div class="tableBox">
        <a-table :pagination="false" :dataSource="dataSource" :columns="columns" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        {
          macNumb: 'A01',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A02',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A03',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A04',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A05',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A06',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
        {
          macNumb: 'A07',
          produceName: '03',
          startTime: '100',
          produceTime: '80',
        },
      ],
      columns: [
        {
          title: '机床编号',
          dataIndex: 'macNumb',
          key: 'macNumb',
        },
        {
          title: '当前刀具号',
          dataIndex: 'produceName',
          key: 'produceName',
        },
        {
          title: '刀具寿命',
          dataIndex: 'startTime',
          key: 'startTime',
        },
        {
          title: '使用寿命',
          dataIndex: 'produceTime',
          key: 'produceTime',
        },
      ],
    };
  },
  methods: {
    gotoThat() {},
  },
};
</script>

<style lang="less" scoped>
.setBox {
  margin-top: 2px;
  height: 422px;
  padding: 20px;
  overflow-y: auto;
}
.tableBox {
  border: 1px solid #e6e9ee;
  border-bottom: none;
}
/deep/.ant-table-thead {
  tr {
    th {
      padding: 6px 14px !important;
      color: #717d92 !important;
      background: #f4f8fb !important;
    }
  }
}
/deep/ .ant-table-tbody {
  tr {
    td {
      padding: 14px 14px !important;
      border-bottom: 1px solid #e6e9ee !important;
    }
  }
}
@import url('../../light.less');
@import url('../../style.less');
</style>